<div style="height: 230px;" [busyIf]="primengTableHelper.isLoading">
    <div class="form-group form-md-line-input form-md-floating-label no-hint">
        <label>外协交接信息: </label>
        <div>
            <div
                style="
                    width: 50%;
                    float: left;
                "
            >
                <!-- 厂家：{{ pipe.mainTeamGroup }} -->
                <p-dropdown
                    [options]="teamGroupsB"
                    name="teamGroupsB"
                    [(ngModel)]="pipe.mainTeamGroup"
                    placeholder="选择外协厂家"
                    optionLabel="displayText"
                ></p-dropdown>
        </div>
            <h6
                style="
                    height: 30px;
                    line-height: 30px;
                    width: 50%;
                    float: right;
                "
            >
                外协交接数量：{{ pipe.amountPlanned }}
            </h6>
            <h6
                style="
                    height: 30px;
                    line-height: 30px;
                    width: 50%;
                    float: left;
                "
            >
                名称：{{ pipe.taskName }}
            </h6>
            <h6
                style="
                    height: 30px;
                    line-height: 30px;
                    width: 50%;
                    float: left;
                "
            >
                图号：{{ pipe.drawingCode }}
            </h6>
            <h6
                style="
                    height: 30px;
                    line-height: 30px;
                    width: 100%;
                    float: left;
                "
            >
                任务号：{{ pipe.taskCode }}
            </h6>
            <h6 style="height: 40px; width: 100%; float: left;">
                <label
                    style="float: left; line-height: 30px; margin-right: 5px;"
                    >要求时间:
                </label>
                <p-calendar *ngIf="isHaveYQDate==false"
                    [(ngModel)]="receptionTime"
                    name="receptionTime"
                    dateFormat="yy-mm-dd"
                    [ngStyle]="{ 'margin-right': '10px' }"
                >
                </p-calendar>
                <p-calendar *ngIf="isHaveYQDate==true"
                    [(ngModel)]="receptionTime"
                    name="yqDate"
                    dateFormat="yy-mm-dd"
                    [ngStyle]="{ 'margin-right': '10px' }"
                    disabled="true"
                >
                </p-calendar>
                <p-dropdown
                    [options]="teamGroups"
                    name="teamGroups"
                    [(ngModel)]="teamGroupName"
                    placeholder="选择打印机"
                    optionLabel="displayText"
                    [style]="{ width: '190px' }"
                ></p-dropdown>
            </h6>
            <!-- <label style="margin: 10px 0;">备注: </label>
            <input
                style="width: 98%; height: 40px;"
                class="form-control"
                name="remark"
                type="text"
                [(ngModel)]="remark"
            /> -->
            <h6 style="height: 40px; margin-top: 10px;">
                <button
                    *ngIf="outplan?.startState"
                    type="button"
                    class="btn btn-sm btn-success float-right"
                    (click)="print()"
                >
                    <span>打印外协交接单</span>
                </button>

                <button
                    *ngIf="!outplan?.startState"
                    type="button"
                    class="btn btn-sm btn-success float-right"
                    (click)="save()"
                    [buttonBusy]="saving"
                    [busyText]="'生成交接单中...'"
                >
                    <i class="fa fa-check-circle"></i>
                    <span>生成外协交接单</span>
                </button>
            </h6>
        </div>
    </div>
</div>
